<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <title>聚财通</title>
    <link rel="stylesheet" href="../../styles/h5/reset.min.css"/>
    <link rel="stylesheet" href="../../styles/h5/errortankuang.css"/>
    <!--以上为公共css样式-->
    <link rel="stylesheet" href="../../styles/h5/mymain.css"/>

    <script charset="utf-8" type="text/javascript" src="../../scripts/h5/jquery-1.9.1.min.js"></script>
    <script charset="utf-8" type="text/javascript" src="../../scripts/h5/jquery.modal.js"></script>

    <!--以上为公共js文件-->
</head>
<style type="text/css">
    html, body {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .container {
        overflow: hidden;
    }
</style>
<body class="body-color" style="overflow:hidden">
<div class="ban-mask"></div>
<div class="container">
    <div class="zz-qdBalance-jj">每日结算款余额自动转入聚财通</div>
    <div class="bancon">开启“结算款自动转入”功能后，结算款资金每日9:00自动购买货币基金，且“结算款自动转入”功能后与结算款“自动结算”互斥，可在设置中取消“结算款自动转入”以恢复“自动结算”功能。T日当天转入金额需基金机构确认份额后才可操作转出。</div>
</div>
<div class="agreement-list" style="display:none">
    <ul>
        <li><a href="http://m.soopay.net/c/static/zywxmlep">天天基金用户服务协议</a></li>
        <li><a href="http://m.soopay.net/c/static/eslrjhzg">投资人权益须知</a></li>
        <li><a href="http://m.soopay.net/c/static/itczfecc">U付账户企业理财渠道服务协议</a></li>
        <li><a href="http://m.soopay.net/c/static/jgrsormn">聚财通自动转入协议</a></li>
        <li><a href="http://m.soopay.net/c/static/tvpshfmc">天天基金自动转入协议</a></li>
    </ul>
    <p class="ban-interspace"></p>
    <p class="ban-cancel">取消</p>
</div>
<div class="zz-read">
    <span class="zz-check zz-not-check"></span>
    <span>已阅读并同意</span>
    <a href="javascript:;" class="notice">《权益须知和服务协议》</a>
</div>
<input class="footer footerBg" type="button" value="确认">
</body>

<script charset="utf-8" type="text/javascript" src="../../scripts/h5/utils.js"></script>
<script charset="utf-8" type="text/javascript" src="../../scripts/h5/index.js"></script>
<script type="text/javascript">
    $(function () {
        $('.notice').click(function () {
            $('.ban-mask').show();
            $('.agreement-list').show();
            $('.agreement-list').animate({'bottom': '0'}, 200);
        });
        $('.ban-cancel').click(function () {
            $('.ban-mask').hide();
            $('.agreement-list').hide();
            $('.agreement-list').animate({'bottom': '-7rem'}, 200);
        })
    });

    function check() {
        if ($check.hasClass("zz-not-check")) {
            $check.removeClass("zz-not-check");
            $footer.removeClass("footerBg");
        } else {
            $check.addClass("zz-not-check");
            $footer.addClass("footerBg");
        }
    }
    $check.click(function () {
        check();
    });

    $(".footer").click(function (){
        //        判断勾是否被选中
        if ($check.hasClass("zz-not-check")) {
            new $.modal({
                content: '请您阅读并同意服务协议。',//弹框内容
                showcontent: true//false为弹出框组件二，true为弹出框组件一
            }).show($footer);
            return false;
        }
        window.location.href = "../../html/h5/fundMsgVerify.html?page=fundOpenBalance";
    })
</script>
</html>
